<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <div class="col-sm-12" th:if="${#lists.isEmpty(dataMap['list'])}">
        <div class="ibox m-b-lg">
            <div class="noDataTipsBox">
                <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
            </div>
        </div>
    </div>

        <div class="col-lg-4 col-md-6" th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="account : ${dataMap['list']}" th:attr="data-id=${account['id']}" th:attrappend="data-status=${account['status']}" th:attrprepend="id='account-'+${account['id']}">
            <div class="ibox m-b-lg">
                <div th:attr="id='accountItem_'+${account['id']}" class="ibox-content " th:classappend="${account['accountStatus']}=='FROZEN' ? 'stu-s-accountItem'">
<!--
                    <div th:attr="id='accountItem_'+${account['id']}" class="ibox-content">
-->
                    <div th:if="${account['accountStatus']}=='FROZEN'" class="stu-s-accountBg"><i class="fa fa-unlock-alt" title="账户冻结"></i></div>
                    <div class="team-members clearfix">
                        <span class="pull-left m-r">
                            <img th:if="${#maps.isEmpty(account['user'])} or ${account['user']['avatar']}==null or ${account['user']['avatar']}==''" alt="member" class="img-circle" th:src="@{{path}/admin/v3/img/default/admin_userpace.jpg?v={v}(path=${staticPath},v=${v})}">
                            <img alt="member" th:if="!${#maps.isEmpty(account['user'])} and ${account['user']['avatar']}!=null and ${account['user']['avatar']}!=''" class="img-circle" th:src="${account['user']['avatar']}">
                        </span>
                        <div>
                            <span class="c-999 fs14">账号：</span>
                            <span class="c-222 fs14">
                                <span th:if="${#maps.isEmpty(account['user'])} or ${account['user']['mobile']}==null or ${account['user']['mobile']}==''" class="c-master fs14 c-222" data-toggle="tooltip" data-placement="bottom" data-original-title="手机">—/</span>
                                <span th:if="!${#maps.isEmpty(account['user'])} and ${account['user']['mobile']}!=null and ${account['user']['mobile']}!=''" class="c-master fs14 c-222" data-toggle="tooltip" data-placement="bottom" data-original-title="手机" th:text="${account['user']['mobile']}+'/'"></span>
                                <span th:if="${#maps.isEmpty(account['user'])} or ${account['user']['email']}==null or ${account['user']['email']}==''" class="c-master fs14 c-222" data-toggle="tooltip" data-placement="bottom" data-original-title="邮箱">—/</span>
                                <span th:if="!${#maps.isEmpty(account['user'])} and ${account['user']['email']}!=null and ${account['user']['email']}!=''" class="c-master fs14 c-222" data-toggle="tooltip" data-placement="bottom" data-original-title="邮箱" th:text="${account['user']['email']}+'/'"> </span>
                                <span th:if="${#maps.isEmpty(account['user'])} or ${account['user']['loginAccount']}==null or ${account['user']['loginAccount']}==''"  class="c-master fs14 c-222" data-toggle="tooltip" data-placement="bottom" data-original-title="账号">—</span>
                                <span th:if="!${#maps.isEmpty(account['user'])} and ${account['user']['loginAccount']}!=null and ${account['user']['loginAccount']}!=''" class="c-master fs14 c-222" data-toggle="tooltip" data-placement="bottom" data-original-title="账号" th:text="${account['user']['loginAccount']}"> </span>
                            </span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <span> 账户状态 </span>
                                <div th:if="${#maps.isEmpty(account['user'])} or ${account['user']['isavalible']}==1"><span class="badge badge-info">正常</span></div>
                                <div th:if="${#maps.isEmpty(account['user'])} or ${account['user']['isavalible']}==2"><span class="badge badge-danger">冻结</span></div>
                        </div>
                        <div class="col-sm-6 text-right">
                            <span> 余额 </span>
                            <h2 class="font-bold" >¥  <span th:attr="id='balance_'+${account.id}" th:text="${account['balance']}"> </span></h2>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="font-bold">银行转账</div>
                            <p>¥<span th:attr="id='cashAmount_'+${account.id}" th:text="${account['cashAmount']}"></span> <i class="fa fa-level-up text-navy"></i></p>
                            <!--<button  type="button" th:attr="data-id=${account['id']}"  data-status="1" class="btn btn-xs btn-outline btn-primary  userAccount">充值</button>-->
                            <button  type="button" th:attr="data-id=${account['id']}"  data-status="7" class="btn btn-xs btn-outline btn-primary ml10 userAccount">扣款</button>
                        </div>
                        <div class="col-sm-6 text-right">
                            <div class="font-bold">冻结金额</div>
                            <p><span class="todo-completed">¥<span th:attr="id='cashForzenAmount_'+${account['id']}"  th:text="${account['cashForzenAmount']}"></span> <i class="fa fa-level-down text-navy"></i></span></p>
                            <button   type="button" th:attr="data-id=${account['id']}" data-status="2" class="btn btn-xs btn-outline btn-primary userAccount">冻结</button>
                            <button   type="button" th:attr="data-id=${account['id']}" data-status="3" class="btn btn-xs btn-outline btn-primary ml10 userAccount">解冻</button>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="font-bold">充值卡入账</div>
                            <p>¥<span  th:attr="id='vmAmount_'+${account.id}"  th:text="${account['vmAmount']}"></span><i class="fa fa-level-up text-navy"></i></p>
                            <button   type="button" th:attr="data-id=${account['id']}"  data-status="4" class="btn btn-xs btn-outline btn-primary userAccount">充值</button>
                            <button   type="button" th:attr="data-id=${account['id']}"  data-status="8" class="btn btn-xs btn-outline btn-primary ml10 userAccount">扣款</button>
                        </div>
                        <div class="col-sm-6 text-right">
                            <div class="font-bold">冻结金额</div>
                            <p><span class="todo-completed">¥<span th:attr="id='vmForzenAmount_'+${account.id}" th:text="${account['vmForzenAmount']}"></span> <i class="fa fa-level-down text-navy"></i></span></p>
                            <!--th:if="${account['accountStatus']}=='ACTIVE'"-->
                            <button   type="button" th:attr="data-id=${account['id']}" data-status="5" class="btn btn-xs btn-outline btn-primary userAccount" >冻结</button>
                            <button   type="button" th:attr="data-id=${account['id']}" data-status="6" class="btn btn-xs btn-outline btn-primary ml10 userAccount" >解冻</button>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="text-center">
                        <button th:if="${account['accountStatus']}=='ACTIVE'"  type="button" th:attr="data-id=${account['id']}" data-status="FROZEN" class="btn btn-outline btn-white updateStatus">冻结账户</button>
                        <button th:if="${account['accountStatus']}=='FROZEN'"  type="button" th:attr="data-id=${account['id']}" data-status="ACTIVE" class="btn btn-outline btn-white updateStatus">解冻账户</button>
                        <a th:href="@{/admin/user/cus/userAccountInfo?userId={userId}(userId=${account['userId']})}"><button type="button" class="btn btn-outline btn-white ml10">查看详情</button></a>
                    </div>

                </div>
            </div>
        </div>

<!-- 分页，开始 -->

<!-- 分页，结束 --> <div data-th-replace="layout/adminPage"></div>